<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Payroll and Timesheet Management Website</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />

    <script type="text/javascript" src="jsfunctions.js">
    </script>

  </head>
  <body>
    <div class="logo">
      <img src="logo.png" alt="Payroll and Timesheet Management Website" />
    </div>
    <!-- basic user links-->
    <div class="user_links">
      <a href="time.html">Main Page</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="timesheet.html">
        My Current Timesheet
      </a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="previoustime.html">My Timesheets</a>
      &nbsp;&nbsp;|&nbsp;&nbsp; <a href="search.html">Find Employee</a> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="controlpanel.html">Control Panel</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="signout.html">
        Signout
      </a>
    </div>
    <!-- only visible if logged in with manager -->
    <div class="manager">
      <a href="search_results.html?my_employees">My Employees</a> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="addemployee.html">Add Employee</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="errorsreported.html">
        Errors Reported
      </a> <span class="error_cnt">(2)</span> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="submittedtime.html">Submitted Timesheets</a> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="reports.html">Timesheet Reports</a>
    </div>
    <p>
      <span class="pageheader">Timesheet for the current pay period</span>
      <br/>
      <i>
        <small>
          Please make sure popups are enabled. Submitting this timesheet and reporting
          errors both require popups.
        </small>
      </i>
    </p>
    <div class="center">
      <input type="submit" value="Submit Time" class="button" onclick="javascript:newPopup('submittime.html');" />
    </div>
    <div>
	<!-- we need to use a table since it makes the most sense -->
      <table class="master">
        <tr class="odd">
          <th>
          </th>
          <th class="pad">
            Sun 10/18/2009
          </th>
          <th class="pad">
            Mon 10/19/2009
          </th>
          <th class="pad">
            Tue 10/20/2009
          </th>
          <th class="pad">
            Wed 10/21/2009
          </th>
          <th class="pad">
            Thur 10/22/2009
          </th>
          <th class="pad">
            Fri 10/23/2009
          </th>
          <th class="pad">
            Sat 10/24/2009
          </th>
        </tr>
        <tr class="even">
          <td class="pad">
            Clock in:
          </td>
          <td class="pad">
            8:00 AM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            8:00 AM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            8:00 AM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            8:00 AM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            8:00 AM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
        </tr>
        <tr class="odd">
          <td class="pad">
            Going to Lunch:
          </td>
          <td class="pad">
            12:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            12:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            12:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            12:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            12:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
        </tr>
        <tr class="even">
          <td class="pad">
            Back from Lunch:
          </td>
          <td class="pad">
            1:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            1:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            1:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            1:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            1:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
        </tr>
        <tr class="odd">
          <td class="pad">
            Going to Lunch:
          </td>
          <td class="pad">
            6:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
        </tr>
        <tr class="even">
          <td class="pad">
            Back from Lunch:
          </td>
          <td class="pad">
            7:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
        </tr>
        <tr class="odd">
          <td class="pad">
            Clock out:
          </td>
          <td class="pad">
            10:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            5:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            5:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            5:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
            5:00 PM <img alt="edit" src="edit.png" class="editbutton" width="10px" height="10px" onclick="javascript:newPopup('reporterror.html?ID');" />
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
        </tr>
        <tr class="even">
          <td class="pad">
            Extra Hours:
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
          <td class="pad">
            1
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
          <td class="pad">
          </td>
        </tr>
        <tr class="odd">
          <td class="pad">
            Total Time:
          </td>
          <td class="pad">
            8 hours<br />
            3.1 overtime
          </td>
          <td class="pad">
            8 hours
          </td>
          <td class="pad">
            8 hours<br />
            1 extra
          </td>
          <td class="pad">
            8 hours
          </td>
          <td class="pad">
            8 hours
          </td>
          <td class="pad">
            0 hours
          </td>
          <td class="pad">
            0 hours
          </td>
        </tr>
      </table>
    </div>
    <div>
      <table class="master">
        <tr class="odd">
          <th class="pad">
          </th>
          <th class="pad">
            Sun 10/25/2009
          </th>
          <th class="pad">
            Mon 10/26/2009
          </th>
          <th class="pad">
            Tue 10/27/2009
          </th>
          <th class="pad">
            Wed 10/28/2009
          </th>
          <th class="pad">
            Thur 10/29/2009
          </th>
          <th class="pad">
            Fri 10/30/2009
          </th>
          <th class="pad">
            Sat 10/31/2009
          </th>
        </tr>
        <tr class="even">
          <td class="pad">
            Total Time:
          </td>
          <td class="pad">
            0 hours
          </td>
          <td class="pad">
            0 hours
          </td>
          <td class="pad">
            0 hours
          </td>
          <td class="pad">
            0 hours
          </td>
          <td class="pad">
            0 hours
          </td>
          <td class="pad">
            0 hours
          </td>
          <td class="pad">
            0 hours
          </td>
        </tr>
      </table>
    </div>
    <div class="center">
	<br />
      <span class="underline">Totals for this pay period:</span>
	  <br/>
	  <div>
      <span class="bold_pad">
        Regular
      </span>
      <span class="italic">
        40 hours
      </span>
	  <br/>
      <span class="bold_pad">
        Overtime
      </span>
      <span class="italic">
        3 hours
      </span>
	  <br/>
      <span class="bold_pad">
        Double Time
      </span>
      <span class="italic">
        0 hours
      </span>
	  <br/>
      <span class="bold_pad">
        Sick/Vacation
      </span>
      <span class="italic">
        0 hours
      </span>
	  </div>
	  <br/>
      <input type="submit" value="Submit Time" class="button" onclick="javascript:newPopup('submittime.html');" />
    </div>
  </body>
</html>
